{include file="public/head"}
<title>注册</title>
<link rel="stylesheet" href="__STATIC__/home/css/select2/select2.css">

<link rel="stylesheet" href="__STATIC__/home/css/woocommerce/woocommerce-layout.css" />
<link rel="stylesheet" href="__STATIC__/home/css/woocommerce/woocommerce-smallscreen.css" />
<script>
    //验证码刷新函数
	function refresh()  {
        var validateimg = document.getElementById("captcha_img");
        //这里的validate是显示验证码的图片的名字
        validateimg.src = "{:captcha_src()}?t=" + Math.random();
    }
    window.onload = function () {
        refresh();
    }
</script>
</head>

<body class="page woocommerce-checkout woocommerce-page">
<div class="body-wrapper theme-clearfix">
	{include file="public/nav"}
	<div class="listings-title">
		<div class="container">
			<div class="wrap-title">
				<h1>注册</h1>
				<div class="bread">
					<div class="breadcrumbs theme-clearfix">
						<div class="container">
							<ul class="breadcrumb">
								<li>
									<a href="#">首页</a>
									<span class="go-page"></span>
								</li>

								<li class="active">
									<span>注册</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div id="contents" role="main" class="main-page  col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="page type-page status-publish hentry">
					<div class="entry-content">
						<div class="woocommerce">
							<div class="woocommerce-info">
								已经注册？
								<a href="{:url('users/login')}" class="showlogin">点击登陆</a>
							</div>

							<form name="checkout" method="post" class="checkout woocommerce-checkout" action="{:url('users/register')}" enctype="multipart/form-data">
								<div class="col2-set" id="customer_details">
									<div class="col-1" style="width: 100%">
										<div class="woocommerce-billing-fields">
											<h3>注册信息</h3>

											<p class="form-row form-row-wide" id="register_username">
												<label for="register_username" class="">
													用户名 <abbr class="required" title="必须填写">*</abbr>
												</label>
												<input type="text" class="input-text " name="username" id="username" placeholder="用户名" autocomplete="username" value="" />
											</p>

											<p class="form-row form-row-first validate-required" id="register_password">
												<label for="register_password" class="">
													密码
													<abbr class="required" title="必须填写">*</abbr>
												</label>
												<input type="password" class="input-text " name="password" id="password" placeholder="" autocomplete="password" value="" />
											</p>

											<p class="form-row form-row-last validate-required" id="register_repassword">
												<label for="register_repassword" class="">
													确认密码
													<abbr class="required" title="必须填写">*</abbr>
												</label>
												<input type="password" class="input-text " name="repassword" id="repassword" placeholder="" autocomplete="password" value="" />
											</p>

											<div class="clear"></div>


											<p class="form-row form-row-first validate-required validate-email" id="register_email_field">
												<label for="billing_email" class="">
													电子邮箱
													<abbr class="required" title="必须填写">*</abbr>
												</label>
												<input type="email" class="input-text " name="user_email" id="user_email" placeholder="" autocomplete="email" value="" />
											</p>

											<p class="form-row form-row-last validate-phone" id="register_phone_field">
												<label for="billing_phone" class="">
													手机号码
												</label>
												<input type="tel" class="input-text " name="user_phone" id="user_phone" placeholder="" autocomplete="tel" value="" />
											</p>

											<div class="clear"></div>

											<p class="form-row form-row-wide create-account woocommerce-validated">
												<input class="input-checkbox" id="createaccount" type="checkbox" name="agree_clause" checked value="1" />
												<label for="createaccount" class="checkbox">是否同意我们的 <a href="#">《服务条款》</a> 和 <a href="#">《隐私条款》</a> </label>
											</p>

										</div>
									</div>

								</div>

								<div id="order_review" class="woocommerce-checkout-review-order">
									<div id="payment" class="woocommerce-checkout-payment" style="text-align: center">
										<br>
										<input class="input-text size-L" type="text" name="captcha" placeholder="验证码"  value="" style="background: #B7B4BA">
										<br>
										<img id="captcha_img" src="" onclick="refresh()" style="display: inline">

										<div class="form-row place-order">
											<noscript>
												Since your browser does not support JavaScript, or it is disabled, please ensure you click the &lt;em&gt;Update Totals&lt;/em&gt; button before placing your order. You may be charged more than the amount stated above if you fail to do so.			&lt;br/&gt;&lt;input type="submit" class="button alt" name="woocommerce_checkout_update_totals" value="Update totals" /&gt;
											</noscript>
											<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="完成注册" data-value="完成注册">
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	{include file="public/footer"}
</body>
</html>